﻿@{
    ViewBag.Title = "Danh Sách Giải Thưởng";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

@section scripts
{
    <script type="text/javascript" src="~/Scripts/App/Member/product_detail.js"></script>
    <script type="text/javascript" src="~/Scripts/jquery.cookie.js"></script>
    <script type="text/javascript" src="~/Content/frontend/js/foundation/foundation.abide.js"></script>
}
<div class="off-canvas-wrap">
    <div class="inner-wrap">

        <div class="row">
            <div class="large-12 small-12 columns">
                <div class="row">
                    <form data-abide>
                        <div class="large-9 small-12 columns" data-bind="with: Product">
                            <h3 data-bind="text: Name"><i class="fa fa-camera-retro"></i></h3>
                            <h6 class="subheader">Vui là chính, rồi gì nữa đây?</h6>
                            <span class="clear"></span>
                            <div class="row border-wrap">
                                <div class="large-12 medium-12 columns">
                                    <div class="large-12 medium-12 columns no-padding">
                                        <img data-bind="attr: { src: ProductImg }" class="main-img">
                                    </div>
                                </div>
                                <div class="large-12 medium-12 columns">
                                    <h3 class="button small right"><a data-bind="click: $root.doOrder" class="white">Add to cart</a></h3>
                                    <h3 class="right">&nbsp;</h3>
                                    <h3 data-bind="text: Score" class="button small right"></h3>
                                    <h3 class="right">&nbsp;</h3>
                                    <h3 class="right margin-top-10">
                                        <input type="text" placeholder="Số lượng" data-bind="value: $root.QuantityToOrder"/></h3>
                                    <p class="clear"></p>
                                    <p data-bind="html: Description"></p>
                                </div>
                            </div>
                        </div>
                    </form>
                    <div class="large-3 small-12 columns">
                        <dl class="tabs" data-tab>
                            <dd class="active"><a href="#panel2-1">Theo dõi</a></dd>
                            <dd><a href="#panel2-2">Bình luận</a></dd>
                        </dl>
                        <div class="tabs-content">
                            <div class="content active" id="panel2-1">
                                <div class="rank-list">
                                    <a href="#">
                                        <img src="images/images/2.jpg">
                                        <h4>Trà chanh không độ - Độ như không</h4>
                                    </a>
                                </div>
                                <div class="rank-list">
                                    <a href="#">
                                        <img src="images/images/2.jpg">
                                        <h4>Trà chanh không độ - Độ như không</h4>
                                    </a>
                                </div>
                                <div class="rank-list">
                                    <a href="#">
                                        <img src="images/images/2.jpg">
                                        <h4>Trà chanh không độ - Độ như không</h4>
                                    </a>
                                </div>
                                <div class="rank-list">
                                    <a href="#">
                                        <img src="images/images/2.jpg">
                                        <h4>Trà chanh không độ - Độ như không</h4>
                                    </a>
                                </div>
                                <div class="rank-list">
                                    <a href="#">
                                        <img src="images/images/2.jpg">
                                        <h4>Trà chanh không độ - Độ như không</h4>
                                    </a>
                                </div>
                                <div class="rank-list">
                                    <a href="#">
                                        <img src="images/images/2.jpg">
                                        <h4>Trà chanh không độ - Độ như không</h4>
                                    </a>
                                </div>
                            </div>
                            <div class="content" id="panel2-2">
                                <div class="comment-list">
                                    <span>1,</span>
                                    <a href="#">Deadlock</a><span class="italiced"> nói</span> :
    <p>"Cái này khá bổ ích nè mọi người! hihi, it's wonderfull..."</p>
                                    <a class="right" href="#">
                                        <span class="darked pull-right">Cocacola</span>
                                    </a>

                                </div>
                                <p class="clear"></p>
                                <div class="comment-list">
                                    <span>1,</span>
                                    <a href="#">Deadlock</a><span class="italiced"> nói</span> :
    <p>"Cái này khá bổ ích nè mọi người! hihi, it's wonderfull..."</p>
                                    <a class="right" href="#">
                                        <span class="darked pull-right">Cocacola</span>
                                    </a>

                                </div>
                                <p class="clear"></p>
                                <div class="comment-list">
                                    <span>1,</span>
                                    <a href="#">Deadlock</a><span class="italiced"> nói</span> :
    <p>"Cái này khá bổ ích nè mọi người! hihi, it's wonderfull..."</p>
                                    <a class="right" href="#">
                                        <span class="darked pull-right">Cocacola</span>
                                    </a>

                                </div>
                                <p class="clear"></p>
                                <div class="comment-list">
                                    <span>1,</span>
                                    <a href="#">Deadlock</a><span class="italiced"> nói</span> :
    <p>"Cái này khá bổ ích nè mọi người! hihi, it's wonderfull..."</p>
                                    <a class="right" href="#">
                                        <span class="darked pull-right">Cocacola</span>
                                    </a>

                                </div>
                                <p class="clear"></p>
                                <div class="comment-list">
                                    <span>1,</span>
                                    <a href="#">Deadlock</a><span class="italiced"> nói</span> :
    <p>"Cái này khá bổ ích nè mọi người! hihi, it's wonderfull..."</p>
                                    <a class="right" href="#">
                                        <span class="darked pull-right">Cocacola</span>
                                    </a>

                                </div>
                                <p class="clear"></p>
                            </div>

                        </div>
                    </div>
                </div>
                <!-- <section class="main-content">
                
          </section> -->
            </div>
        </div>
    </div>
</div>
